<template>
  <view class="container">
    <cu-custom bgColor="bg-gradual-blue" :isBack="true">
      <block slot="backText">返回</block>
      <block slot="content">五音疗疾-木</block>
	 
    </cu-custom>
    <!-- {{user_id}} -->
    <view class="MainBox">
      <video
        id="myVideo"
        :src="zhengnianclass.vidUrl"
        controls
        :poster="zhengnianclass.vidImg"
        @ended="onVideoEnded"
      ></video>
      
      <RatingModal
        :show="showRatingModal"
        :identity-card="identity_card"
        :video-name="zhengnianclass.title"
        @submit-rating="submitRating"
      />
      
      <view class="cssBox" style="position: relative;">
        <view class="leftBox">
          <view class="margin-bottom-sm">
            <text class="text-bold text-xl">{{zhengnianclass.title}}</text>
          </view>
          <view>
            <view class="fl margin-right text-df text-gray">
              <u-icon name="play-circle" style="margin-right: 5rpx;"></u-icon>
              <text>{{zhengnianclass.studyNum}}</text>
            </view>
            <view class="fl margin-right text-df text-gray">
              <u-icon name="order" style="margin-right: 5rpx;"></u-icon>
              <text>{{zhengnianclass.review}}</text>
            </view>
            <view class="fl margin-right text-df text-gray">
              <u-icon name="clock" style="margin-right: 6rpx;"></u-icon>
              <text>{{zhengnianclass.time}}</text>
            </view>
            <view style="clear: both;"></view>
          </view>
        </view>
     <!--   <button hover-class='none' class='rightBox' open-type="share">
          <u-icon label-color="#2979ff" label-size="26" margin-top="12" label-pos="bottom" label="分享一下" name="share" color="#2979ff" size="54"></u-icon>
        </button> -->
      </view>

      <view class="cssBox">
        <view class="margin-bottom-sm">
          <text class="text-bold text-lg">简介：</text>
        </view>
        <text class="text-df">{{zhengnianclass.synopsis}}</text>
      </view>
      
      <view class="cssBox">
        <view class="margin-bottom-sm flex justify-between">
          <text class="text-bold text-lg">选择训练： </text>
          <text class="text-gray text-df">当前训练：{{zhengnianclass.title}}</text>
        </view>
        <view class="courseBox flex justify-around">
          <!-- <view :class="[classid==0 ? 'active' : '']" @click="onclickclass(0)">《知否知否》土音入脾「五脏相音」</view> -->
		  <view :class="[classid==1 ? 'active' : '']" @click="onclickclass(1)">熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版</view>
          <view :class="[classid==2 ? 'active' : '']" @click="onclickclass(2)">胆小、多疑、失眠可常听用《观心自在》木音入肝，舒心畅气，心情愉悦，放松减压，助眠，治愈，静心冥想</view>
          <view :class="[classid==3 ? 'active' : '']" @click="onclickclass(3)">调整情绪，心情低落等可以常听，舒心畅气，调整情绪，胆小，多疑，失眠，促进情绪平衡，木音入肝「五脏相音」</view>
          <view :class="[classid==4 ? 'active' : '']" @click="onclickclass(4)">放松解压，助益睡眠，治愈，舒心畅气，胆小多疑，失眠，情绪低落适听，木音入肝「五脏相音」</view>
          <view :class="[classid==5 ? 'active' : '']" @click="onclickclass(5)">放松助眠，释放压力，解郁安神，平息怒火，情绪低落、胡思乱想、可多听《吹梦到西洲》，木音入肝「五脏相音」</view>
          <view :class="[classid==6 ? 'active' : '']" @click="onclickclass(6)">缓解焦虑，安抚情绪，疏肝健脾，养心静气「五脏相音」</view>
          <view :class="[classid==7 ? 'active' : '']" @click="onclickclass(7)">放松助眠，缓解焦虑，暴饮暴食茶饭不思，缓解焦虑，养脾健胃，宁心净脑，安稳身心，土音入脾「五脏相音」</view>
		  <view :class="[classid==8 ? 'active' : '']" @click="onclickclass(8)">解压助眠的顶级古风音乐《吹箫人去玉楼空》木音入肝，疏肝畅气，解忧减压，放松心情，安神助眠</view>
          <view :class="[classid==9 ? 'active' : '']" @click="onclickclass(9)">美好的一天从情绪开始，情绪低落可多听用《听心》放松解压，积极向上，舒心畅气，愉悦心情，治愈放松，静心冥想</view>
		  <view :class="[classid==10 ? 'active' : '']" @click="onclickclass(10)">木音入肝，有助于缓解压力，焦虑失眠等问题，促进身心健康，帮助人们放松身体提高注意力和集中力，增强自我意识和情绪管理能力。</view>
		  <view :class="[classid==11 ? 'active' : '']" @click="onclickclass(11)">情绪低落，胆小多疑，解郁忘忧，放松解压，舒心畅气，视听治愈，愉悦心情，木音入肝「五脏相音」</view>
		  <view :class="[classid==12 ? 'active' : '']" @click="onclickclass(12)">释放压力，夜间休息时听有助益安魂人睡，对于疑神疑鬼、精神不安的人可常听用，治愈，木音入肝</view>
		  <view :class="[classid==13 ? 'active' : '']" @click="onclickclass(13)">舒心畅气，保肝明目，改善心情，放松減压，情绪低落，胆小易怒适听《竹林晨曲》，木音入肝</view>
		  <view :class="[classid==14 ? 'active' : '']" @click="onclickclass(14)">舒心畅气，放松减压，烦躁焦虑失眠可常听，安神助眠，强化肝脏，治愈，木音入肝</view>
		  <view :class="[classid==15 ? 'active' : '']" @click="onclickclass(15)">舒心畅气，美丽心情，多疑、情绪低落需多听用，放松压力，解郁助眠，多听木音，可以转移性情，增强精神，安定身心，消除失眠，木音入肝</view>
		  <view :class="[classid==16 ? 'active' : '']" @click="onclickclass(16)">疏肝理气，愉悦心情，悠扬悦耳，保肝养目，助益睡眠，角音入肝「五脏相音」</view>
		  <view :class="[classid==17 ? 'active' : '']" @click="onclickclass(17)">消除失眠让身心合一，重新找到原始平和的人性，解郁忘忧  平和心态《水》木音入肝「五脏相音」舒心畅气，放松身心，解郁忘忧</view>
		  <view :class="[classid==18 ? 'active' : '']" @click="onclickclass(18)">养生乐角入肝，明目清心，养阳保肝，助心、疏脾、养胃，治愈「五脏相音」</view>
		  <view :class="[classid==19 ? 'active' : '']" @click="onclickclass(19)">易怒脾气大，烦乱多疑可常听用《墨缘》，舒心畅气，缓解焦虑，养元赋能，木音入肝「五脏相音</view>
		  <view :class="[classid==20 ? 'active' : '']" @click="onclickclass(20)">音疗养生《胡笳十八拍》肝顺需要木气练达，最佳欣赏时间19 00-23 00</view>
		  <view :class="[classid==21 ? 'active' : '']" @click="onclickclass(21)">有失眠多梦者可常听用，木音入肝，舒心畅气，解郁忘忧，助益睡眠，美丽心情，胆小多疑</view>
		  <view :class="[classid==22 ? 'active' : '']" @click="onclickclass(22)">愉悦心情，放松解压，助益睡眠，情绪低落适听，治愈，舒心畅气，木音入肝</view>
		  <view :class="[classid==23 ? 'active' : '']" @click="onclickclass(23)">愉悦心情，解郁忘忧，胆小多疑，失眠多梦需常听用。木音入肝，舒心畅气，平和血压，清血质，夜间听有助于安魂入睡</view>
		  <view :class="[classid==24 ? 'active' : '']" @click="onclickclass(24)">愉悦心情，助眠安神，保肝养目，缓解焦虑，对于情绪低落、最近压力大、做事情消极适听，木音入肝</view>
		  <view :class="[classid==25 ? 'active' : '']" @click="onclickclass(25)">愉悦心情，助益睡眠，解郁忘忧，多听木音，可以转移性情，增强精神，消除失眠，治愈，木音入肝</view>
		  <view :class="[classid==26 ? 'active' : '']" @click="onclickclass(26)">古琴曲纯音乐《凤求凰》，木音入肝，解肝郁，疏肝气，减轻压力和焦虑促进身心的放松和宁静。</view>
		  <view :class="[classid==27 ? 'active' : '']" @click="onclickclass(27)">助益睡眠，情绪低落常听，舒心畅气，美丽心情，放松身心，治愈，木音入肝「五脏相音」</view>
        </view>
      </view>
    </view>

    <!-- 弹窗 -->
  <!--  <view v-if="showModal" class="modal">
      <view class="modal-content">
        <text class="text-bold text-lg">选择前六周的训练：</text>
        <view class="modal-options">
          <view @click="onclickclass7(1)">第一周：生活中的正念-正念饮食</view>
          <view @click="onclickclass7(2)">第二周：身体扫描</view>
          <view @click="onclickclass7(3)">第三周：正念呼吸（3分钟呼吸空间练习）</view>
          <view @click="onclickclass7(4)">第四周：正念静坐</view>
          <view @click="onclickclass7(5)">第五周：正念行走</view>
          <view @click="onclickclass7(6)">第六周：减压蝴蝶拍</view>
        </view>
        <button @click="closeModal">关闭</button>
      </view>
    </view> -->
  </view>
</template>

<script>
import RatingModal from './RatingModal.vue';

export default {
  components: { RatingModal },
  data() {
    return {
      classid: 1,
      zhengnianclass: {},
      showRatingModal: false, // 用于控制弹窗的显示
      identity_card: '', // 假设的身份证号
	  user_id: '', 
	  userinfo:{},
      showModal: false // 用于控制弹窗的显示
    };
  },
  onLoad() {
	 
    this.zhengnianclass = {
          title: '熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版',
          titleen: 'putaogan',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/1/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/1/熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版，#中医养生#养生_清晰 480P.mp4',
		  train_time_sum:'175'
        };
  },
  mounted() {
    this.identity_card = uni.getStorageSync("identity_card");
	this.user_id = uni.getStorageSync("user_id");
	this.userinfo = uni.getStorageSync("userinfo");
  },
  methods: {
    videoErrorCallback: function(e) {
      uni.showModal({
        content: e.target.errMsg,
        showCancel: false
      });
    },
    onVideoEnded1() {
      this.showRatingModal = true;
	  if (this.zhengnianclass["titleen"]=='jyjs'){
	  		  this.showRatingModal = false;
	  }
    },
    submitRating(rating) {
		
      this.showRatingModal = false;
	 
	  
      const ratingText = rating["rating"] === 1 ? '一般' : rating["rating"] === 2 ? '较好' : '非常好';
	  const suggestion1=rating["suggestion"];
      const requestData = {
        identity_card: this.identity_card,
        video_name: this.zhengnianclass.titleen,
        rating: ratingText,
		suggestion:suggestion1,
		user_id:this.user_id,
		train_time_sum:this.zhengnianclass.train_time_sum,
		username:this.userinfo["data"]["userinfo"][1],
		admission_no:this.userinfo["data"]["userinfo"][2],
		phone:this.userinfo["data"]["userinfo"][29]
      };
		console.log(requestData)
	
      uni.request({
        url: 'http://202.127.200.31:30010/user/train/rate', // 请求的 URL
        method: 'POST', // 请求方法
        data: requestData, // 发送的数据
        header: {
          'Content-Type': 'application/json' // 设置请求头为 JSON 格式
        },
        success: (res) => {
          console.log('提交成功:', res.data);
          // 使用 uni.showToast 来显示成功信息
          uni.showToast({
            title: '评价提交成功',
            icon: 'success', // 使用 success 图标
            duration: 2000 // 消息框持续时间
          });
        },
        fail: (err) => {
          console.error('提交失败:', err);
          // 使用 uni.showToast 来显示失败信息
          uni.showToast({
            title: '提交失败，请重试',
            icon: 'none', // 无图标
            duration: 2000 // 消息框持续时间
          });
        }
      });
    },
    onclickclass(id) {
      console.log(id);
      if (id == 1) {
        this.classid = 1;
        this.zhengnianclass = {
          title: '熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版',
          titleen: 'putaogan',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/1/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/1/熬夜伤肝，必听曲目《卧龙吟》角音入肝 静心养心，古琴纯音乐 五音疗疾 意境悠远，古琴独奏完整版，#中医养生#养生_清晰 480P.mp4',
		  train_time_sum:'175'
        };
      } else if (id == 2) {
        this.classid = 2;
        this.zhengnianclass = {
          title: '胆小、多疑、失眠可常听用《观心自在》木音入肝，舒心畅气，心情愉悦，放松减压，助眠，治愈，静心冥想。',
          titleen: 'stsm',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '胆小、多疑、失眠可常听用《观心自在》木音入肝，舒心畅气，心情愉悦，放松减压，助眠，治愈，静心冥想。',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/2/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/2/胆小、多疑、失眠可常听用《观心自在》木音入肝，舒心畅气，心情愉悦，放松减压，助眠，治愈，静心冥想。#中医养生#养肝曲#五音疗法_清晰 480P.mp4',
		  train_time_sum:'144'
        };
      } else if (id == 3) {
        this.classid = 3;
        this.zhengnianclass = {
          title: '调整情绪，心情低落等可以常听，舒心畅气，调整情绪，胆小，多疑，失眠，促进情绪平衡，木音入肝「五脏相音」',
          titleen: 'znhx',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '调整情绪，心情低落等可以常听，舒心畅气，调整情绪，胆小，多疑，失眠，促进情绪平衡，木音入肝「五脏相音」',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/3/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/3/调整情绪，心情低落等可以常听，舒心畅气，调整情绪，胆小，多疑，失眠，促进情绪平衡，木音入肝「五脏相音」_清晰 480P.mp4',
		  train_time_sum:'63'
        };
      } else if (id == 4) {
        this.classid = 4;
        this.zhengnianclass = {
          title: '放松解压，助益睡眠，治愈，舒心畅气，胆小多疑，失眠，情绪低落适听，木音入肝「五脏相音」',
          titleen: 'znjz',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '放松解压，助益睡眠，治愈，舒心畅气，胆小多疑，失眠，情绪低落适听，木音入肝「五脏相音」',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/4/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/4/放松解压，助益睡眠，治愈，舒心畅气，胆小多疑，失眠，情绪低落适听，木音入肝「五脏相音」_清晰 480P.mp4',
		  train_time_sum:'70'
        };
      } else if (id == 5) {
        this.classid = 5;
        this.zhengnianclass = {
          title: '放松助眠，释放压力，解郁安神，平息怒火，情绪低落、胡思乱想、可多听《吹梦到西洲》，木音入肝「五脏相音」',
          titleen: 'znxz',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '放松助眠，释放压力，解郁安神，平息怒火，情绪低落、胡思乱想、可多听《吹梦到西洲》，木音入肝「五脏相音」',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/5/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/5/放松助眠，释放压力，解郁安神，平息怒火，情绪低落、胡思乱想、可多听《吹梦到西洲》，木音入肝「五脏相音」_清晰 480P.mp4',
		  train_time_sum:'94'
        };
      } else if (id == 6) {
        this.classid = 6;
        this.zhengnianclass = {
          title: '缓解焦虑，安抚情绪，疏肝健脾，养心静气「五脏相音」',
          titleen: 'hudiepai',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '缓解焦虑，安抚情绪，疏肝健脾，养心静气「五脏相音」',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/6/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/6/缓解焦虑，安抚情绪，疏肝健脾，养心静气「五脏相音」_清晰 480P.mp4',
		  train_time_sum:'79'
        };
      } else if (id == 7) {
        this.classid = 7;
        this.zhengnianclass = {
          title: '放松助眠，缓解焦虑，暴饮暴食茶饭不思，缓解焦虑，养脾健胃，宁心净脑，安稳身心，土音入脾「五脏相音」',
          titleen: 'znzh',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '放松助眠，缓解焦虑，暴饮暴食茶饭不思，缓解焦虑，养脾健胃，宁心净脑，安稳身心，土音入脾「五脏相音」',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/7/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/7/角音入肝，平火降燥，夜间休息时听有助益安魂人睡，疏肝利胆，平和血压，治愈「五脏相音」_清晰 480P.mp4'
        };
      } else if (id == 8) {
        this.classid = 8;
        this.zhengnianclass = {
          title: '解压助眠的顶级古风音乐《吹箫人去玉楼空》木音入肝，疏肝畅气，解忧减压，放松心情，安神助眠',
          titleen: 'znsh',
          studyNum: '335',
          review: '35',
          time: '2024-8-8',
          synopsis: '解压助眠的顶级古风音乐《吹箫人去玉楼空》木音入肝，疏肝畅气，解忧减压，放松心情，安神助眠',
          vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/8/Cover.jpg',
          vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/8/解压助眠的顶级古风音乐《吹箫人去玉楼空》木音入肝，疏肝畅气，解忧减压，放松心情，安神助眠#中医养生#养生#助眠#解压_清晰 480P.mp4',
		  train_time_sum:'1295'
        };
      } else if (id == 9) {
        this.classid = 9;
        this.zhengnianclass = {
      title: '美好的一天从情绪开始，情绪低落可多听用《听心》放松解压，积极向上，舒心畅气，愉悦心情，治愈放松，静心冥想',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '美好的一天从情绪开始，情绪低落可多听用《听心》放松解压，积极向上，舒心畅气，愉悦心情，治愈放松，静心冥想',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/9/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/9/美好的一天从情绪开始，情绪低落可多听用《听心》放松解压，积极向上，舒心畅气，愉悦心情，治愈放松，静心冥想#中医养生_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 10) {
        this.classid = 10;
        this.zhengnianclass = {
      title: '木音入肝，有助于缓解压力，焦虑失眠等问题，促进身心健康，帮助人们放松身体提高注意力和集中力，增强自我意识和情绪管理能力。',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '木音入肝，有助于缓解压力，焦虑失眠等问题，促进身心健康，帮助人们放松身体提高注意力和集中力，增强自我意识和情绪管理能力。',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/10/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/10/木音入肝，有助于缓解压力，焦虑失眠等问题，促进身心健康，帮助人们放松身体提高注意力和集中力，增强自我意识和情绪管理能力。还可以舒缓婴儿的情绪「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 11) {
        this.classid = 11;
        this.zhengnianclass = {
      title: '情绪低落，胆小多疑，解郁忘忧，放松解压，舒心畅气，视听治愈，愉悦心情，木音入肝「五脏相音」',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '情绪低落，胆小多疑，解郁忘忧，放松解压，舒心畅气，视听治愈，愉悦心情，木音入肝「五脏相音」',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/11/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/11/情绪低落，胆小多疑，解郁忘忧，放松解压，舒心畅气，视听治愈，愉悦心情，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 12) {
        this.classid = 12;
        this.zhengnianclass = {
      title: '释放压力，夜间休息时听有助益安魂人睡，对于疑神疑鬼、精神不安的人可常听用，治愈，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '释放压力，夜间休息时听有助益安魂人睡，对于疑神疑鬼、精神不安的人可常听用，治愈，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/12/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/12/释放压力，夜间休息时听有助益安魂人睡，对于疑神疑鬼、精神不安的人可常听用，治愈，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 13) {
        this.classid = 13;
        this.zhengnianclass = {
      title: '舒心畅气，保肝明目，改善心情，放松減压，情绪低落，胆小易怒适听《竹林晨曲》，木音入肝「',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '舒心畅气，保肝明目，改善心情，放松減压，情绪低落，胆小易怒适听《竹林晨曲》，木音入肝「',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/13/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/13/舒心畅气，保肝明目，改善心情，放松減压，情绪低落，胆小易怒适听《竹林晨曲》，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 14) {
        this.classid = 14;
        this.zhengnianclass = {
      title: '舒心畅气，放松减压，烦躁焦虑失眠可常听，安神助眠，强化肝脏，治愈，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '舒心畅气，放松减压，烦躁焦虑失眠可常听，安神助眠，强化肝脏，治愈，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/14/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/14/舒心畅气，放松减压，烦躁焦虑失眠可常听，安神助眠，强化肝脏，治愈，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 15) {
        this.classid = 15;
        this.zhengnianclass = {
      title: '舒心畅气，美丽心情，多疑、情绪低落需多听用，放松压力，解郁助眠，多听木音，可以转移性情，增强精神，安定身心，消除失眠，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '舒心畅气，美丽心情，多疑、情绪低落需多听用，放松压力，解郁助眠，多听木音，可以转移性情，增强精神，安定身心，消除失眠，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/15/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/15/舒心畅气，美丽心情，多疑、情绪低落需多听用，放松压力，解郁助眠，多听木音，可以转移性情，增强精神，安定身心，消除失眠，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 16) {
        this.classid = 16;
        this.zhengnianclass = {
      title: '疏肝理气，愉悦心情，悠扬悦耳，保肝养目，助益睡眠，角音入肝「五脏相音」',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '疏肝理气，愉悦心情，悠扬悦耳，保肝养目，助益睡眠，角音入肝「五脏相音」',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/16/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/16/疏肝理气，愉悦心情，悠扬悦耳，保肝养目，助益睡眠，角音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 17) {
        this.classid = 17;
        this.zhengnianclass = {
      title: '消除失眠让身心合一，重新找到原始平和的人性，解郁忘忧  平和心态《水》木音入肝「五脏相音」舒心畅气，放松身心，解郁忘忧',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '消除失眠让身心合一，重新找到原始平和的人性，解郁忘忧  平和心态《水》木音入肝「五脏相音」舒心畅气，放松身心，解郁忘忧',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/17/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/17/消除失眠让身心合一，重新找到原始平和的人性，解郁忘忧  平和心态《水》木音入肝「五脏相音」舒心畅气，放松身心，解郁忘忧_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 18) {
        this.classid = 18;
        this.zhengnianclass = {
      title: '养生乐角入肝，明目清心，养阳保肝，助心、疏脾、养胃，治愈「五脏相音」',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '养生乐角入肝，明目清心，养阳保肝，助心、疏脾、养胃，治愈「五脏相音」',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/18/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/18/养生乐角入肝，明目清心，养阳保肝，助心、疏脾、养胃，治愈「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 19) {
        this.classid = 19;
        this.zhengnianclass = {
      title: '易怒脾气大，烦乱多疑可常听用《墨缘》，舒心畅气，缓解焦虑，养元赋能，木音入肝「五脏相音',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '易怒脾气大，烦乱多疑可常听用《墨缘》，舒心畅气，缓解焦虑，养元赋能，木音入肝「五脏相音',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/19/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/19/易怒脾气大，烦乱多疑可常听用《墨缘》，舒心畅气，缓解焦虑，养元赋能，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 20) {
        this.classid = 20;
        this.zhengnianclass = {
      title: '音疗养生《胡笳十八拍》肝顺需要木气练达，最佳欣赏时间19 00-23 00',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '音疗养生《胡笳十八拍》肝顺需要木气练达，最佳欣赏时间19 00-23 00',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/20/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/20/音疗养生《胡笳十八拍》肝顺需要木气练达，最佳欣赏时间19 00-23 00_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 21) {
        this.classid = 21;
        this.zhengnianclass = {
      title: '有失眠多梦者可常听用，木音入肝，舒心畅气，解郁忘忧，助益睡眠，美丽心情，胆小多疑',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '有失眠多梦者可常听用，木音入肝，舒心畅气，解郁忘忧，助益睡眠，美丽心情，胆小多疑',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/21/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/21/有失眠多梦者可常听用，木音入肝，舒心畅气，解郁忘忧，助益睡眠，美丽心情，胆小多疑#中医养生#养生_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 22) {
        this.classid = 22;
        this.zhengnianclass = {
      title: '愉悦心情，放松解压，助益睡眠，情绪低落适听，治愈，舒心畅气，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '愉悦心情，放松解压，助益睡眠，情绪低落适听，治愈，舒心畅气，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/22/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/22/愉悦心情，放松解压，助益睡眠，情绪低落适听，治愈，舒心畅气，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 23) {
        this.classid = 23;
        this.zhengnianclass = {
      title: '愉悦心情，解郁忘忧，胆小多疑，失眠多梦需常听用。木音入肝，舒心畅气，平和血压，清血质，夜间听有助于安魂入睡',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '愉悦心情，解郁忘忧，胆小多疑，失眠多梦需常听用。木音入肝，舒心畅气，平和血压，清血质，夜间听有助于安魂入睡',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/23/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/23/愉悦心情，解郁忘忧，胆小多疑，失眠多梦需常听用。木音入肝，舒心畅气，平和血压，清血质，夜间听有助于安魂入睡，放松，冥想，治愈_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 24) {
        this.classid = 24;
        this.zhengnianclass = {
      title: '愉悦心情，助眠安神，保肝养目，缓解焦虑，对于情绪低落、最近压力大、做事情消极适听，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '愉悦心情，助眠安神，保肝养目，缓解焦虑，对于情绪低落、最近压力大、做事情消极适听，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/24/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/24/愉悦心情，助眠安神，保肝养目，缓解焦虑，对于情绪低落、最近压力大、做事情消极适听，木音入肝【五脏相音】_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 25) {
        this.classid = 25;
        this.zhengnianclass = {
      title: '愉悦心情，助益睡眠，解郁忘忧，多听木音，可以转移性情，增强精神，消除失眠，治愈，木音入肝',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '愉悦心情，助益睡眠，解郁忘忧，多听木音，可以转移性情，增强精神，消除失眠，治愈，木音入肝',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/25/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/25/愉悦心情，助益睡眠，解郁忘忧，多听木音，可以转移性情，增强精神，消除失眠，治愈，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 26) {
        this.classid = 26;
        this.zhengnianclass = {
      title: '愿大家在小长假中没有压力和焦虑，只有幸福快乐，并且永远健康。送给大家一首古琴曲纯音乐《凤求凰》，木音入肝，解肝郁，疏肝气，减轻压力和焦虑促进身心的放松和宁静。',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '愿大家在小长假中没有压力和焦虑，只有幸福快乐，并且永远健康。送给大家一首古琴曲纯音乐《凤求凰》，木音入肝，解肝郁，疏肝气，减轻压力和焦虑促进身心的放松和宁静。',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/26/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/26/愿大家在小长假中没有压力和焦虑，只有幸福快乐，并且永远健康。送给大家一首古琴曲纯音乐《凤求凰》，木音入肝，解肝郁，疏肝气，减轻压力和焦虑促进身心的放松和宁静。_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }else if (id == 27) {
        this.classid = 27;
        this.zhengnianclass = {
      title: '助益睡眠，情绪低落常听，舒心畅气，美丽心情，放松身心，治愈，木音入肝「五脏相音」_清晰',
      titleen: 'jyjs',
      studyNum: '335',
      review: '35',
      time: '2024-8-8',
      synopsis: '助益睡眠，情绪低落常听，舒心畅气，美丽心情，放松身心，治愈，木音入肝「五脏相音」_清晰',
      vidImg: 'http://xinli.g60health.com:8000/xinliimg/music/m/27/Cover.jpg',
      vidUrl: 'http://xinli.g60health.com:8000/xinliimg/music/m/27/助益睡眠，情绪低落常听，舒心畅气，美丽心情，放松身心，治愈，木音入肝「五脏相音」_清晰 480P.mp4',
	  train_time_sum:'60'
    };
      }
    },
	
    showPreviousWeeksModal() {
		this.classid = 7;
      this.showModal = true;
    },
    closeModal() {
      this.showModal = false;
    }
  },
  // 分享小程序
  onShareAppMessage(res) {
    return {
      title: '正念减压训练'
    };
  }
};
</script>

<style lang="scss" scoped>
page {
  background-color: #f2f5f9;
}

.MainBox {
  width: 750rpx;

  video {
    width: 750rpx;
  }
}

.cssBox {
  padding: 20rpx 30rpx;
  background-color: #FFFFFF;
  margin-bottom: 15rpx;
}

.rightBox {
  width: 150rpx;
  height: 100%;
  position: absolute;
  right: 20rpx;
  top: 0;
  text-align: center;
  line-height: 120rpx;
  padding: 0;
  background: none;
}

.courseBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -10px;

  view {
    width: 240rpx;
    height: 58rpx;
    border: 2rpx solid #909399;
    text-align: center;
    line-height: 58rpx;
    border-radius: 12rpx;
    margin: 10rpx 0 20rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    font-size: 24rpx;
    color: #909399;
    padding: 0 6rpx;
  }

  .active {
    border: 2rpx solid #2979ff;
    background-color: #2979ff;
    color: #FFFFFF;
  }

  ::after {
    content: "";
    flex: auto;
  }

  > view {
    margin-left: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px*3) / 3);
  }
}

button::after {
  border: none;
  padding: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: #fff;
  padding: 20rpx;
  border-radius: 10rpx;
  width: 80%;
  max-width: 600rpx;
}

.modal-options {
  display: flex;
  flex-direction: column;
  margin-top: 20rpx;

  view {
    padding: 10rpx;
    border: 1rpx solid #ccc;
    margin-bottom: 10rpx;
    border-radius: 5rpx;
    cursor: pointer;
  }
}
</style>